<script lang="ts" setup>
const data = [
  {
    number: '10001',
    type: '客户服务流程',
    pname: '罗可 Fusionwan 流程',
    pdate: '2024-7-8 12:06:45',
    status: '已关闭',
    progress: 10,
    starter: '张三',
    subject: {
      sign: '理想',
      name: '罗可-华东',
      concat: '李想',
      phone: '19912345678',
    },
  },
  {
    number: '10002',
    pname: '罗可 Fusionwan 流程2',
    type: '测试流程',
    pdate: '2024-7-8 12:06:45',
    status: '被驳回',
    progress: 60,
    subject: {
      sign: '理想',
      name: '罗可-华东',
      concat: '李响',
      phone: '19912345678',
    },
  },

]
</script>

<template>
  <BaseTable :data="data" style="width: 100%">
    <el-table-column label="流程号" prop="number" width="70" />
    <el-table-column label="流程名称" prop="pname">
      <template #default="{ row, $index }">
        <router-link :to="`/process/${$index}`" text-primary>
          {{ row.pname }}
        </router-link>
      </template>
    </el-table-column>
    <el-table-column label="流程分类" prop="type" width="70" />

    <el-table-column label="商标名称" prop="subject.sign" />
    <el-table-column label="客户主体名称" prop="subject.name" />
    <el-table-column label="驳回原因" prop="starter" />
    <el-table-column label="发起人" prop="starter" />
    <el-table-column label="客户业务对接人">
      <el-table-column label="联系人" prop="subject.concat" />
      <el-table-column label="联系方式" prop="subject.phone" />
    </el-table-column>
    <el-table-column label="发起时间" prop="pdate" />
  </BaseTable>
</template>
